<template>
    <div>
        <table>
            <tr>
                <td>项目名称<span style="color: red;">*</span></td>
                <td><input type="text" v-model="data.name"></td>
            </tr>
            <tr>
                <td>项目编号</td>
                <td><input type="text" v-model="data.benid" value="20250318"></td>
            </tr>
            <tr>
                <td>佣金<span style="color: red;">*</span></td>
                <td><input type="text" v-model="data.jint"></td>元
            </tr>
            <tr>
                <td>人数<span style="color: red;">*</span></td>
                <td><input type="text" v-model="data.num"></td>人
            </tr>
            <tr>
                <td>时长<span style="color: red;">*</span></td>
                <td><input type="text" v-model="data.chen"></td>小时
            </tr>
            <tr>
                <td>是否启用</td>
                <td>
                    <input checked type="radio" v-model="data.ismat" :value="true">启用
                    <input type="radio" v-model="data.ismat" :value="false">禁用
                </td>
            </tr>
            <tr>
                <td><input type="button" value="添加" @click="Add"></td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import {ref} from 'vue';
import axios from 'axios';
import { useRouter } from 'vue-router';

const rount=useRouter()

const data=ref({
  "id": 0,
  "name": "",
  "benid": "",
  "jint": 0,
  "num": 0,
  "chen": 0,
  "ismat": true
})

const Add=()=>{
    if(data.value.name==""){
        alert('项目名称不能为空')
        return;
    }
    if(data.value.jint==0){
        alert('佣金不能为空')
        return;
    }
    if(data.value.num==0){
        alert('人数不能为空')
        return;
    }
    if(data.value.num==1.5){
        alert('人数须是整数')
        return;
    }
    if(data.value.chen==0){
        alert('时长不能为空')
        return;
    }
    if(data.value.chen==3.2){
        alert('时长须是整数')
        return;
    }
    axios.post("https://localhost:7172/api/Sent/Add",data.value).then(res=>{
        if(res.data>0){
            alert('成功')
            rount.push({path:'/ChenView'});
        }
        else{
            alert('失败')
        }
    })
}


</script>

<style scoped>

</style>